<template>
  <div class="my-study">
    <div class="list" v-if="is_list && is_list.length>0">
      <div class="item">
        <div class="top">
          <img src="@/assets/wodexuexi01.png" alt="">
          <div class="top-title">
            <p class="title">智保天赋太古汇旗舰店</p>
            <p class="time">2018.10.23 14:24 打卡</p>
          </div>
        </div>
        <p class="who">孩子：王小雨  ·  14岁  ·  家长：王京雨</p>
        <div class="cons">
          <p class="cons-title">点评内容</p>
          <div class="comment-con">
            <p>“最大的变化，遇到不会的题情绪稳定了很多 可以独立思考 记忆比较牢固。”</p>
            <p>对从来没有学过画画的她，这学期开学说是要学速写，画的真好！还说做为一个才上六节课的新生来说，她真的很棒！</p>
          </div>
          <p class="cons-time">评论于 2018.10.26</p>
        </div>
      </div>
      <div class="item">
        <div class="top">
          <img src="@/assets/wodexuexi01.png" alt="">
          <div class="top-title">
            <p class="title">智保天赋太古汇旗舰店</p>
            <p class="time">2018.10.23 14:24 打卡</p>
          </div>
        </div>
        <p class="who">孩子：王小雨  ·  14岁  ·  家长：王京雨</p>
        <div class="cons">
          <p class="cons-title">点评内容</p>
          <div class="comment-con">
            <p>“最大的变化，遇到不会的题情绪稳定了很多 可以独立思考 记忆比较牢固。”</p>
            <p>对从来没有学过画画的她，这学期开学说是要学速写，画的真好！还说做为一个才上六节课的新生来说，她真的很棒！</p>
          </div>
          <p class="cons-time">评论于 2018.10.26</p>
        </div>
      </div>
    </div>
    <none v-else></none>
  </div>
</template>

<script>

import none from '@/components/none'
  export default {
    components: {
      none
    },
    data () {
      return {
        is_list: '',
      }
    },
    created () {
    },
    methods: {
    }
  }
</script>

<style lang="stylus" scoped>
.my-study
  min-height 100vh
  background-color #f5f5f5
  padding-bottom 1rem
  box-sizing border-box
  .item
    background-color #fff
    margin-bottom 1rem
    padding 0 1.5rem
    .top
      position relative
      height 7.4rem
      padding 1.8rem 0
      box-sizing border-box
      border-bottom 1px solid #e6e6e6
      img
        position absolute
        width 1.2rem
        left 0
        top 2rem
      .title
        color #333333
        font-size 1.5rem
        line-height 1.6rem
        height 1.6rem
        padding-left 2.7rem
        font-weight bold
      .time
        font-size 1.2rem
        height 1.2rem
        line-height 1.2rem
        color #999
        padding-left 2.7rem
        margin-top 1rem
    .who
      line-height 2.5rem
      height 2.5rem
      margin 2rem 0
      border-left .4rem solid #b3b3b3
      font-size 1.3rem
      color #666
      padding-left 2.3rem
    .cons
      padding-bottom 2rem
      .cons-title
        font-size 1.7rem
        color #000
        font-weight bold
        margin-bottom 1rem
      .comment-con
        p
          font-size 1.3rem
          color #333
          line-height 2.7rem
      .cons-time
        font-size 1.2rem
        color #999
        margin-top 1.2rem
    &:last-child
      margin-bottom 0
</style>
